<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%--
  Created by IntelliJ IDEA.
  User: zyh
  Date: 2016/3/8
  Time: 9:50
  To change this template use File | Settings | File Templates.
  权限管理 对应role.js文件
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="easyui-layout" style="height:100%;width:100%">
    <div data-options="region:'center',split:true">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'west',collapsible:false" style="width: 30%">
                <div id="role_tloorbar">
                    <a href="#" id="role_add" class="easyui-linkbutton" iconCls="icon-add" plain="true">增加</a>
                    <a href="#" id="role_delete" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
                    <a href="#" id="role_save" class="easyui-linkbutton" iconCls="icon-save" plain="true">保存</a>
                    <div style="float:right">
                        <a>
                            <input id="role_find" class="easyui-searchbox" style="width:200px">
                            <div id="role_search" style="width:100px">
                                <div data-options="name:'rolename'">角色名</div>
                            </div>
                        </a>
                    </div>
                </div>
                <table id="role"></table>
            </div>
            <div data-options="region:'center'">
                <div id="role_tab">
                    <div title="基本属性" style="padding: 10px">
                        <form id="role_property" style="padding: 10px">
                            <div style="visibility:hidden"><input name="id" id="id" class="easyui-textbox"
                                                                  readonly="true"></div>
                            <div>名称：</div>
                            <div><input name="name" id="name" class="easyui-textbox" style="width:500px"
                                        data-options="validType:'length[1,64]',required:true"></div>
                            <div>备注:</div>
                            <div><textarea name="note" id="note" class="easyui-textareabox"
                                           style="height: 250px; width:500px"
                                           data-options="validType:'length[1,255]'"></textarea></div>
                            <div>有效性：</div>
                            <div><input name="active" id="active" class="easyui-switchbutton"
                                        data-options="onText:'是',offText:'否'"></div>
                        </form>
                    </div>
                    <div title="资源数据权限" style="padding: 10px">
                        <div style="height: 100%; width: 100%">
                            <div id="role_res_toolbar">
                                <a href="#" id="res_back" class="easyui-linkbutton" iconCls="icon-back" plain="true">返回上一级资源</a>
                                <a href="#" id="res_forward" class="easyui-linkbutton" iconCls="icon-forward" plain="true">进入下一级资源</a>
                                <div style="float: right"><a><input id="role_findres" class="easyui-searchbox" style="width:250px"></a></div>
                            </div>
                            <table id="role_res"></table>
                        </div>
                    </div>
                    <div title="功能菜单权限" style="padding: 10px">
                        <table id="role_function"></table>
                    </div>
                    <div title="所拥有的用户">
                        <div style="height: 100%; width: 100%">
                            <div id="role_user_toolbar">
                                <a id="role_userAdd" class="easyui-linkbutton">添加用户</a>
                                <a id="role_userDelete" class="easyui-linkbutton">删除用户</a>
                                <div style="float: right"><a><input name="name" id="role_finduser"
                                                                    class="easyui-searchbox"
                                                                    style="width:250px"></a></div>
                            </div>
                            <table id="role_user"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="roleDialog" style="padding: 10px">
        <form id="role_group" method="post" style="padding: 10px">
            <div class="win_line">
                <label>用户组名称:</label>
                <input name="name" id="role_name" class="easyui-textbox"
                       data-options="validType:'length[1,64]',required:true">
            </div>
            <div class="win_line">
                <label>备注:</label>
                <input name="note" class="easyui-textbox" data-options="validType:'length[1,225]'">
            </div>
        </form>
    </div>
    <div id="addUserDialog" style="padding: 10px">
        <form id="role_addUser" method="post" style="padding: 10px">
            <div class="win_line">
                <label>用户名:</label>
                <input name="name" id="user_nameId" class="easyui-textbox"
                       data-options="validType:'length[1,64]',required:true">
            </div>
            <div class="win_line">
                <label>用户名称:</label>
                <input name="userName" id="user_name" class="easyui-textbox"
                       data-options="validType:'length[1,64]',required:true">
            </div>
            <div class="win_line">
                <label>所属角色:</label>
                <input name="ofRole" id="ofRole" class="easyui-textbox"
                       data-options="validType:'length[1,64]',required:true">
            </div>
        </form>
    </div>
</div>
